<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="ism" uri="http://www.baseproj.org/rd/html"%>
<ism:link rel="stylesheet" type="text/css" href="../js/smartMenu/smartMenu.css" />
<!-- 左侧基本信息 -->
<div class="col-sub">
    <div class="testObject" id="testObject" style="font-size: 14px">切换测评素材</div>
    <!-- 左侧配置信息 -->
    <div class="dataList configure" id="configList">
        <table>
            <colgroup>
                <col />
                <col id="config_col" width="100" />
            </colgroup>
            <thead>
            <tr>
                <th style="font-size: 12px">参数</th>
                <th style="font-size: 12px">选项</th>
            </tr>
            </thead>
            <tbody class="tableHover" id="configBody">
            <s:iterator value="configList" status="number">
                <tr style="font-size: 12px">
                    <td style="font-size: 12px"><span class="tipTarget"><s:property value="name" /> </span>
                        <div class="tip">
                            <h4>
                                <s:property value="name" />
                            </h4>
                            <p>
                                <s:property value="description" />
                            </p>
                        </div>
                    </td>
                    <td><s:select onchange="changeConfig2Draw()" list="value" name="%{key}" id="%{key}" value="defaultVaule" /></td>
                </tr>
            </s:iterator>
            <tr id="playArea">
                <td><a id="playButton" style="cursor: wait;"><i class="icon-play-play-disabled"></i> </a> <a id="stopButton" style="cursor: wait;"><i class="icon-play-stop-disabled"></i>
                </a></td>
                <td><div id="progressbar">
                    <div id="progressLabel" class="progress-label"></div>
                </div> <input type="hidden" id="playProgress" /></td>
            </tr>
            <!-- 视频播放区域 -->
            <tr id="playArea_video">
                <td><a id="playButton_video" style="cursor: wait;"><i class="icon-play-play-disabled"></i> </a> <a id="stopButton_video" style="cursor: wait;"><i
                        class="icon-play-stop-disabled"></i> </a></td>
                <td><div id="progressbar_video">
                    <div id="progressLabel_video" class="progress-label"></div>
                </div> <input type="hidden" id="playProgress_video" /></td>
            </tr>
            <tr id="aoiArea_draw">
                <td colspan="2">
                    <a href="#" class="item" id="aoiRectButton" title="矩形"><i class="icon-aoi-rectangle"></i></a>
                    <a href="#" class="item" id="aoiEllipseButton" title="圆形"><i class="icon-aoi-ellipse"></i></a>
                    <a href="#" class="item" id="aoiDefinedButton" title="多边形"><i class="icon-aoi-polygon"></i></a>
                    <a href="#" class="item" id="aoiEditButton" title="编辑（单击拖动兴趣区，双击删除兴趣区）"><i class="icon-aoi-edit"></i></a>
                    <a href="#" id="aoiSaveButton" title="保存"><i class="icon-aoi-save"></i></a>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="dataList" id="dataList">
        <table>
            <colgroup>
                <col />
                <col id="col_result_color" width="70" />
            </colgroup>
            <thead>
            <tr>
                <th id="tr_th_result_name" style="font-size: 14px">测评结果名</th>
                <th id="tr_th_result_color" style="font-size: 14px">颜色</th>
            </tr>
            </thead>
            <tbody class="tableHover" id="resultBody">
            </tbody>
        </table>
    </div>
</div>
<!-- 右侧结果展示 -->
<div class="col-main" id="col-main">
    <!-- 右侧绘图画布区域 -->
    <div class="widget" id="widget">
        <div class="displayArea" id="displayArea">
            <img id="mainImage" style="display: none" />
            <video id="mainVideo" style="display: none"></video>
        </div>
        <div id="color_example" style="display: none;">
            <img class="color_example" src="../skins/images/color_example.jpg" />
        </div>
    </div>
    <div id="topic" style="display: none; z-index: 2">
        <div class="adorn"></div>
        <div class="inner_html"></div>
    </div>
</div>
<ism:script type="text/javascript" src="../js/analysis/analysis_core.js" debug="false"></ism:script>


